<script>
import {defineComponent} from 'vue'
// import {mapState} from "vuex";
import {mapState} from "./utils"
export default defineComponent({
    name: "App",
    computed:{
        ...mapState(["num"]),
        ...mapState({
            suibian(state){
               return state.num;
            }
        }),
        // num(){
        //     return this.$store.state.num;
        // },
        // suibian(){
        //     return this.$store.state.num
        // }
    }
})
</script>

<template>
    <div>
        <h3>App</h3>
        <button>{{ $store.state.num }}</button>
        <button>{{ num }}</button>
        <button>{{ suibian }}</button>
    </div>
</template>

<style scoped>

</style>